<template>
  <div>
    <appHead></appHead>
    <appNavbar></appNavbar>
    <appMain></appMain>
  </div>
</template>

<script>

import appHead from "@/components/appHeader";
import appMain from "@/components/appMain";
import appNavbar from "@/components/appNavbar";
// import testApi from "@/api/test.js"  🔺测试用
export default {
  // created(){
  //   this.fetchData()
  // },     🔺测试用
  data () {
    return {
    }
  },

  components: {
      appHead,
      appMain,
      appNavbar
  },

  methods: {
//     fetchData() {
//       testApi.getList().then(response => {
//      console.log('get3', response.data)
//    }).catch(error => {
//       console.log(error)
//    })
//  }           🔺测试用
    }
  
}
</script>

<style scoped>
.header {
  position: absolute;
  line-height: 50px;
  padding: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: #2d3a4b;
}
/* 左侧导航栏 */
.navbar {
  position: absolute;
  width: 230px;
  top: 49px;
  left: 0px;
  bottom: 0px;
  overflow-y: auto;
  background-color: #545c64;
}
/* 右侧主区域 */
.main {
  position: absolute;
  top: 50px;
  left: 230px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  overflow-y: auto;
  /* background-color: red; */
}
</style>